import BSscroll from "better-scroll";//引入betterscroll

// /**
//  * @param {*} that 代表当前实例{vue}
//  * @param {*} wrapper 代表滚动的容器
//  * @param {*} content 代表滚动的内容区
//  * @param {*} num 代表滚动项的数目
//  * @param {*} itemWidth 代表滚动项的宽度（单位是rem）
// */

let betterScrollHorizontal = function (that,wrapper,content,num,itemWidth){
    //动态获取到内容区content的宽度
    content.style.width = num * itemWidth + "rem";
    that.$nextTick(()=>{
        //wrapper为temlate中容器的ref，表示给那个元素来设置滚动
        that.scroll = new BSscroll(wrapper,{
            scrollY:false,//关闭纵向滚动
            scrollX:true,//横向滚动
            startX:0,//横向滚动的开始位置
            click:true,//允许click事件
        });
    });
}

export{ betterScrollHorizontal };